<ui:composition template="../template/principal_00.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui" >


    <ui:define name="titulo">
        #{stockPorDepositoBean.titulo}
    </ui:define>

    <ui:define name="panelPrincipal">

        <h:form id="formulario" prependId="false">

            <p:panel header="#{stockPorDepositoBean.titulo}" style="width:100%">

                <h:panelGrid columns="3" columnClasses="colTop,colTop,colTop" >

                    <p:dataTable id="tablaDepositos" style="width: 400px;"
                                 value="#{stockPorDepositoBean.depositos}" var="d"
                                 emptyMessage="El producto seleccionado no posee stock"
                                 rows="13" paginator="true" >

                        <p:column headerText="Código"
                                  sortBy="#{d.deposi}"
                                  filterBy="#{d.deposi}"
                                  filterMatchMode="contains" >
                            <h:outputText value="#{d.deposi}" />
                        </p:column>

                        <p:column headerText="Descripción"
                                  sortBy="#{d.descrp}"
                                  filterBy="#{d.descrp}"
                                  filterMatchMode="contains">
                            <h:outputText value="#{d.descrp}" />
                        </p:column>

                        <p:column headerText="Activo" >
                            <h:outputText value="Si" rendered="#{d.auditoria.debaja=='N'}" />
                            <h:outputText value="No" rendered="#{d.auditoria.debaja=='S'}" />
                        </p:column>

                        <p:column headerText="Ver stock" style="text-align: center;" >

                            <p:commandButton icon="find16"
                                             actionListener="#{stockPorDepositoBean.verStockPorDeposito(d)}"
                                             process="@this"
                                             onclick="tablaProductos.clearFilter()"
                                             update=":formulario:tablaProductos" />
                        </p:column>

                    </p:dataTable>

                    <p:spacer width="10" />

                    <p:dataTable id="tablaProductos"
                                 value="#{stockPorDepositoBean.productos}" var="p"
                                 emptyMessage="#{msgs.noEncontraronProductos}"
                                 rows="15" paginator="true" >

                        <f:facet name="header" >
                            <h:outputText value="#{stockPorDepositoBean.depositoSeleccionado.descrp}" />
                        </f:facet>

                        <p:column headerText="#{msgs.pcc_codigo}"
                                  sortBy="#{p.artcod}"
                                  filterBy="#{p.artcod}"
                                  filterMatchMode="contains"
                                  width="110" >
                            <h:outputText value="#{p.artcod}" />
                        </p:column>

                        <p:column headerText="#{msgs.pcc_descripcion}" width="350"
                                  sortBy="#{p.producto.descrp}"
                                  filterBy="#{p.producto.descrp}"
                                  filterMatchMode="contains" >

                            <h:outputText value="#{p.producto.descrp}" />
                        </p:column>

                        <p:column headerText="Ubicación" width="50" style="text-align: right;" >
                            <h:outputText value="#{p.producto.ubicacion}" />
                        </p:column>

                        <p:column headerText="Stock" style="text-align: right;" >
                            <h:outputText value="#{p.stock}" >

                                <f:convertNumber pattern="0.00" />

                            </h:outputText>
                        </p:column>

                        <p:column headerText="U.M." >
                            <h:outputText value="#{p.producto.unidadMedida.unidad}" />
                        </p:column>

                    </p:dataTable>

                    

                </h:panelGrid>

            </p:panel>

        </h:form>

    </ui:define>
    
</ui:composition>